$(function(){
	var class_level;    //添加到哪一级
	var class_name;     //input分类名称
	var class_data;		//input分类值
	var obj_class_name=$(".guige_show_tian > div > label"); //分类名称
	var obj_class_data=$(".guige_show_tian > div") //分类值
	var name_obj_class;     //分类名称的name值
	$(".guige_show").on("click",".guige_tijiao",function(){
		class_level=Number($(".guige_ji").val());
		class_name=$("#class_name").val();
		class_data=$("#class_data").val();
		add_class_name();
		add_calss_data();
		Reload();
	})
	function Reload(){      //重新加载必要的数据
		obj_class_name=$(".guige_show_tian > div > label"); //分类名称
		obj_class_data=$(".guige_show_tian > div") //分类值
	}
	function add_class_name(){          //更改分类名称
		if(obj_class_name.length<class_level+1){  //判断是否存在该级别规格
			if(!class_name){ //判断是否输入了规格名称 不输入不可通过
				alert("请输入规格名称");
				return;
			}
			$(".guige_show_tian").append("<div class=\"guige_show_tian_div\"><label><span>规格：</span><input name=\"class"+obj_class_name.length+"\" type=\"hidden\" value=\"\"></label>");
		}
		Reload();
		if(!!class_name){  //判断是否输入了规格名称 不输入也可通过
			obj_class_name.eq(class_level).find("span").html(class_name+"：");
			obj_class_name.eq(class_level).find("input").val(class_name);
		}
		name_obj_class=obj_class_name.eq(class_level).find("input").attr("name");  //将规格级别赋值给规格值当val值
	}
	function add_calss_data(){          //添加分类值
		var p=[];  //储存已存在的所有比对数据
		obj_class_data.eq(class_level).find("p").find("input").each(function(){  //获取所有已存在的规格值的val值
			p.push($(this).val());
		})
		class_data=class_data.replace(/\，/g, ",").split(",");
		for (var i in class_data) { //判断是否可以添加
			for (var j in class_data) {
				if(i==j)continue;
				if(class_data[i]==class_data[j]){
					alert("添加的属性中有重复的属性请检查");
					return;
				}
			}
			for (var j in p) {
				if(class_data[i]==p[j]){
					alert("添加的属性已存在");
					return;
				}
			}
		}
		for(var i in class_data){ //生成规格值
			if(!!class_data[i]){
				obj_class_data.eq(class_level).append("<p><strong data-id=\""+name_obj_class+":"+p.length+i+"\" class=\"guige_add_click\"></strong><input name=\""+name_obj_class+"_level[]\" value=\""+class_data[i]+"\" type=\"checkbox\">"+class_data[i]+"<span class='guige_deldte'>×</span></p>");
			}
		}
	}

	
	//对于表格的操作
	$(".guige_show").on("click",".guige_deldte",function(event){ //点击×执行的事件
			var p=$(this).parents(".guige_show_tian_div");
                        var ps=$(this).parents(".guige_show_tian").find("p")
			$(this).parent().remove();
			Reload();
			Addtable($(".guige_show"), $(".guige_xiugai_main_table"));
                        if(p.find("p").length==0){
				p.remove();
                                
			}
                        if(ps.length==1){
                            if(_biaoge_main){
                                $("#biaoge_main").remove();
                            } 
			}
                        
	})
	//规格点击事件
    $(".guige_show").on('click', '.guige_add_click', function () {
        var o = $(this).siblings("input");
        var c = o.attr("checked");
        if (c) {
            o.attr("checked", false);
            Addtable($(".guige_show"), $(".guige_xiugai_main_table"));
        } else {
            o.attr("checked", true);
            Addtable($(".guige_show"), $(".guige_xiugai_main_table"));
        }
    })
    function linshi(){
    	$(".val_0,.val_1,.val_2,.val_3").find("input").each(function(){
    		var name_input=$(this).attr("name");
    		date_linshi[name_input]=$(this).val();
    	})
    }
    //生成表格
    function Addtable(zobj, showobj) {
    	if($(".val_0,.val_1,.val_2,.val_3").find("input").length>0){ //储存规格数据
    		linshi();
    	}
        var showhtmlMeau ='<tr id="biaoge_main"><td class="guige_xiugai_main_tittle">规格名1</td><td><table class="guige_xiugai_main_title2" cellspacing="0" cellpadding="0"><tbody><tr><td>规格名2</td><td>底价</td><td>现价</td><td>市场价</td><td>库存</td></tr></tbody></table></td></tr>';
        
        var numobj = zobj.find(".guige_show_tian_div");
        var showthml1;
        var showthml2;
        var showthml3 = "<b></b>";
        var panduan = true;
        function addtable(id){
            
            
            for (f = 1; f < numobj.length; f++) {
                for (c = 0; c < numobj.eq(f).children("p").length; c++) {
                    var id2=numobj.eq(f).children("p").eq(c).children('strong').data("id");
                    var input_name =id+"_"+id2+"]" ;
                    if (numobj.eq(f).children("p").eq(c).children('input').attr("checked")) {
                        panduan = false;
                        showthml3 += "<tr><td><span>" + numobj.eq(f).children("p").eq(c).children("input").val() + "<input name='depth1["+id2+"]' type='hidden' value='" + numobj.eq(f).children('p').eq(c).children("input").val() + "' /></span></td><td class=\"val_0\"><input name='floor[" + input_name + "' type='text' /></td><td class=\"val_1\"><input name='price[" + input_name + "' type='text' /></td><td class=\"val_2\"><input name='fprice[" + input_name + "' type='text' /></td><td class=\"val_3\"><input name='stock[" + input_name + "' type='text' /></td></tr>"
                    }
                }
            }
            
            
        }
        //生成上级规格标签
            showthml1=null;
            for (j = 0; j < numobj.eq(0).children("p").length; j++) {
                
                if (numobj.eq(0).children("p").eq(j).children('input').attr("checked")) {
                    var showthml3 = "<b></b>";
                    var id=numobj.eq(0).children("p").eq(j).children('strong').data("id");
                    addtable(id);
                    if (panduan) {
                        var input_name = id+"]";
                        showthml3 = "<tr><td><span></span></td><td class=\"val_0\"><input name='floor[" + input_name + "' type='text' /></td><td class=\"val_1\"><input name='price[" + input_name + "' type='text' /></td><td class=\"val_2\"><input name='fprice[" + input_name + "' type='text' /></td><td class=\"val_3\"><input name='stock[" + input_name + "' type='text' /></td></tr>"
                    }
                    showthml2 = "<td><table class='guige_xiugai_main_title2' cellspacing='0' cellpadding='0'>" + showthml3 + "</table></td>";
                    showthml1 += "<tr><td class='guige_xiugai_main_tittle'><p>" + numobj.eq(0).children("p").eq(j).children("input").val() + "<input name='depth0["+id+"]' type='hidden' value='" + numobj.eq(0).children("p").eq(j).children("input").val() + "' /></p></td>" + showthml2 + "</tr>";
                }
                
            }
        showobj.html(showhtmlMeau+showthml1);
        _biaoge_main=$("#biaoge_main");
        $(".val_0,.val_1,.val_2,.val_3").find("input").on("blur",$(this),function(){
        	var _this=$(this);
	    	$("."+$(this).parent().attr("class")).find("input").each(function(){
	    		if(!!!$(this).val()){
	    			$(this).val(_this.val())
	    		}
	    	})
	    })
		$(".val_1").find("input").on("blur",$(this),function(){
        	var _this=$(this).parent();
		var _this_class=_this.attr("class");
                var tong=_this.siblings(".val_2");
                tong.find("input").val((Number($(this).val())*1.2).toFixed(2));
                
	   })
		if($(".val_0,.val_1,.val_2,.val_3").find("input").length>0){ //规格数据恢复
    		$(".val_0,.val_1,.val_2,.val_3").find("input").each(function(){
    			var name_input=$(this).attr("name");
    			$(this).val(date_linshi[name_input]);
    			console.log(date_linshi);
    		})
    		
    	}
    }
    Addtable($(".guige_show"), $(".guige_xiugai_main_table"));
})